$(function(){
    var array = ['药品1','药品2','药品3'];
    for(var i = 0;i<array.length;i++){
        $('<li>' + array[i] + '</li>').appendTo('ul.list')
    }
    $('.txt').keyup(function(){
        $('.search .none').css('display','none');
        var myEvent = event||window.event;
        var keyCode = myEvent.keyCode;
        if((keyCode >= 65 && keyCode<=90) || (keyCode >= 48 && keyCode <= 57) ||(keyCode>=96 && keyCode<=105)){
            $('ul.list').css('display','block');
            $('ul.list').mouseleave(function(){
                $(this).css('display','none');
            });
            $('ul.list li').click(function(){
                $(this).parent('ul').css('display','none');
                var text = $(this).text();
                // alert($('input').val());
                $('.txt').val(text);
                $('.txt').text(text);
            });
        }
    });
    $('.search .query').click(function(){
        var oTxt = $(this).siblings('.txt');
        if(oTxt.val() == ''){
            // alert(12);
            $(this).siblings('.none').css('display','block');
        }else{
            $(this).siblings('.none').css('display','none');
        }
    });
    var lists = $('.methodTab li');
    var contents = $('.content .inner');

    function bindEvent(){
        lists.each(function(index_li, li){
            $(this).on('click', function(event){
                lists.removeClass('tab-active');
                $(this).addClass('tab-active');
                contents.each(function(index_content, content){
                    if(index_li === index_content){
                        $(this).show();
                    }else{
                        $(this).hide();
                    }
                });
            });
        });
    }

    function init(){
        bindEvent();
    }

    init();

});
